<?php get_header(); ?>
<div class="blocLeft">

            <div id="dle-content"><div style="width:678px;">
                <div id="menu_11" class="segoe">
            	    <ul id="menu_1">
                    <li><?php previous_post_link('%link') ?></li>
                    <li style="float:right;"><?php next_post_link('%link') ?></li>
                        
                        </ul>
                </div>
            </div>

            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <div class="article">
            <div class="categ segoeLi"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/category.png" width="16" height="16"><?php the_category(', ');?></div>
                <h2 class="segoeLi" style="color:#034888;"><?php the_title(); ?></h2>
                    <div class="articleAuthor">Post by <?php the_author() ?> &nbsp;at&nbsp; <?php the_time('F jS, Y') ?></div>
                    <div class="imgArticle">
                    	<div class="scrollImgArticle">
                    	<img src="<?php 
							if ( get_post_meta(get_the_ID(), 'thumbpic', true) ) { 
    							echo get_post_meta(get_the_ID(), 'thumbpic', true); 
							} else {
								echo bloginfo( 'stylesheet_directory' ).'/images/defaultpic.jpg';
							}
							?>
							" height="140" width="628">
                        <span style="display: none;"><?php the_tags(); ?></span>
                        </div>
                    </div>
                    <p class="pcl">
                    </p>



					<div style="margin-bottom:15px; margin-top:15px;"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/profil_sep_gris.jpg" height="1" width="628"></div>
                    <div class="article_1">
                        <div id="news-id-496" style="display:inline;"><?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?></div>
                    </div>

                    <?php if (get_option('AMetro_PostBanner')!="") { ?>
            	        <div style="margin-top:15px;" align="center">
                    <?php echo stripslashes(get_option('AMetro_PostBanner')); ?>
                        </div>
                    <?php } ?>

                <div class="clear"></div>
        </div>

        <?php endwhile; else: ?>

		<p>Sorry, no posts matched your criteria.</p>

<?php endif; ?>
       
            <div class="segoeLi" style="float:left; color:#e1e1e1; padding-left:20px; font-size: 41px; line-height: 60px;">Popular Articles</div>
		        <ul class="mostView" style="float:right; width:310px">
                    <?php

                        $popularPosts  = new WP_Query( array( 'orderby' => 'comment_count','posts_per_page' => '5' ));

                        while ( $popularPosts->have_posts() ) : $popularPosts->the_post(); ?>
                            <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
                        <?php
                        endwhile;
                        wp_reset_postdata();
                ?>
		        </ul>
        
        <div class="clear"></div>


        

			<?php comments_template(); ?>
        
<!--dlenavigationcomments-->



</div>
</div></div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>